4000-888-103

资讯动态所谓配色达人,就是一次出48个方案资讯详情

所谓配色达人,就是一次出48个方案

2019-11-01 17:37:48

 


 

以下是图文版:

相信大家都有过这样的经历,就是上学的时候学习英语,最开始学的是什么?就是先从二十六个英文字母学起对吧,因为英文字母是这个语言的根基。

 

然后是什么呢?就是由这些字母组成的单词,也就是让我们背单词,相信大家都有过这个痛苦经历。

 

最后再由单词组成句子,就是这样一个顺序。

 

再举个例子,比如我们学习平面构成,最开始都是先学点,然后由点到线,最后再由线到面。

 

再比如我们赖以生存的地球上,有动物、植物、矿物质、山川河流等等,根本说不完。

 

但是它们能够和谐共处,这当中一定有共同的因素,全世界的科学家都在找这个东西,最先找到的是原子,一切都是由原子构成的,但是很快就被打破了,原子一打破,里面还有更小的东西。

 

可是我们的老子就高明多了,它只讲四句话:道生一,一生二,二生三,三生万物,以后就不讲了,因为世间万物都是这么发展出来的,所以不需要讲。

 

运用到配色中也是同样的道理,比如我们可以由一个色彩,延伸出两个色彩,再由延伸出来的色彩产生更多的色彩,就像裂变一样。因为茫茫多的色彩我们是不可能在短时间内研究透的,那我们就抓住配色的重点,就是色彩的数量。

虽然配色从理论上来说并没有数量限制,但是你只要能将单色配色、双色配色和三色配色做好,其他四色、五色即使再多的色彩,只要掌握一定的技巧和规律都能够轻松驾驭,因为它的根基和原理是不变的。 

 

首先我们先来看单色配色,单色配色并不是狭义上的只使用一个颜色,而是广义上的单色,使用起来比较简单,并且很容易产生和谐的配色效果。

 

最明显、最直接的单色配色就是一个有彩色加上黑白灰。可能有的人会想,这怎么能算单色啊,明明好几个颜色呢?

 

因为当有彩色作为背景的时候,多数情况下上方的文字色都是无彩色,所以这种情况的无彩色可以忽略不计不算做颜色,因为毕竟这个画面给人最强烈的感觉就是有彩色的属性,黑白灰只是为了让人识别信息。

 

比如这个海报就是有彩色粉色作为背景,上方配上黑色的文字,非常简单直接。

 

这个海报就是有彩色蓝色作为背景色搭配黑白灰。

 

这个海报相反是以灰色为背景,上方的元素使用了有彩色加白色。

 

第二种形式就是一个有彩色搭配这个颜色的不同纯度。

 

这种同色相不同纯度的搭配整体效果非常和谐,但是需要注意的一点就是纯度的跨度值不能太接近,因为如果太接近的话文字的识别度就会降低。

 

这个海报的背景色使用的是纯度较高的粉色,上方叠加的文字使用的就是降低纯度之后的颜色。

 

这个海报的背景色就是由四个由深到浅不同纯度的颜色形成的色块,整体为蓝色调。

 

这个海报的背景是纯度较低的绿色,上方梯形的颜色纯度相对要高一些。

 

第三种形式的单色配色就是有彩色和它自身不同明度的搭配。

 

这种搭配效果跟同一颜色的不同纯度看上去差不多,也是需要注意两种色彩之间的明度关系,不能过小以免影响识别。

 

这个海报上层的色彩使用的就是明度高的黄色,下层带肌理的黄色明度偏低。

 

这个海报中人物的剪影虽然带有微弱的渐变,但是整体还是明度较低的,而文字的蓝色明度较高。

 

这个海报的背景色是低明度的深绿色,上方的信息除了非常少的白色就是明度较高的绿色。

 

还有一种形式就是有彩色加不同色调。在具体配色的时候通常不需要去单独调整纯度明度,可以直接调整色调,更加方便快捷。

 

使用同一个色相的不同色调往往操作性更强,因为限制比较少可能性会更多。可以根据版面的配色效果来调整纯度和明度,但是需要注意的是具体使用什么色相,这个要根据你的设计内容和气质来决定。

 

这个海报就属于单色配色的形式,整体为绿色调,通过不同色调来丰富画面的层次。

 

这个海报同样也是,插图和图片使用的都是黄色的不同色调。

 

这个海报单色的效果更明显,使用的是蓝色的不同色调。 

 

接着我们再来看双色,配色难度相对来说提升了一个等级。

 

最简单的双色就是白加黑,相信很多人在做设计的时候通常都是先用黑白来代替,最后再配色

 

黑白没有太多的情感属性,更多的就是白色和黑色自身的特质,至于整体的感觉是什么那就要看是黑色的面积大一些还是白色的面积大一些了。

 

这个海报就是黑底白字,上方的元素通过黑白来展现层次,没有使用其他颜色。

 

这个海报也是黑色背景,人物图片也处理成黑色调,结合白色块和交替的黑白文字来丰富画面。

 

这个海报使用的就是纯白色背景,上方黑色文字,可以说非常纯粹了。

 

这个和上一个差不多也是白底黑字,只不过文字的数量比较多而已。

 

而有彩色的双色可以根据色相关系来划分,如果大家看过我们之前的教程应该都耳熟能详了。

 

关键词:什么是h5页面制作 h5资料 网页h5制作

上一页 下一页

0
↑ 回到顶部

热门推荐

发送
//www.weibenh5.com/newhome/images/manman.png